import MainLayout from "../layouts/MainLayout";
import projects from "../data/projects";

function Users() {
  return (
    <MainLayout>
      <div className="text-center space-y-6">
        <h1 className="text-4xl font-bold"> Welcome to the Contact Page</h1>
        <p className="text-lg">Here are some exampl projects:</p>
        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
          {projects.map((project) => (
            <div key={project.id}
              className="bg-white shadow-lg rounded p-4 hover:shadow-xl transition-shadow"
            >
              <h2 className="text-xl font-bold">{project.name}</h2>
              <p className="text-gray-600">{project.description}</p>
            </div>
          ))}
        </div>
      </div>

    </MainLayout>
  );
}

export default Users;
